<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>案例宝鉴</title>
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css" >
    <link href="../../css/head.css" rel="stylesheet" type="text/css" />
    <link href="../../css/foot.css" rel="stylesheet" type="text/css" />
    <style>
        #bb{
            margin-top: 20px;
            margin-left: 100px;
            background:url("../../imgs/iconPosition.png") no-repeat left center;
        }
       #bba{
           margin-left: 25px;
       }
        .quanbu{
            width: 50px;
            height: 30px;
            background-color: #0f8cf0;
            float: left;
            margin-left: 20px;
        }
        .quanbu a{
            color: #FFF;
            padding-left: 9px;
            line-height:30px ;
        }
        .ti {
            float: left;
            font-size: 16px;
        }
        #one,#two,#three{
            width: 1700px;
            margin-top:20px;
            border-bottom: 1px solid #F4F4F4;
            height: 40px;
            margin-left: 100px;
        }
        .fenlei{
            float: left;
            margin-left: 20px;
        }
        .fenlei a{
            margin-left: 40px;
        }
        #ti2,#ti3{
            margin-left: 32px;
            font-size: 16px;
        }
        #px{
            width: 1700px;
            height: 42px;
            background: #f9f9f9;
            margin-left: 100px;
            border: 1px solid #e8e8e8;
            margin-top: 40px;
        }
        #pxx li{
            float: left;
            font-size: 16px;
            border-right:1px solid #e8e8e8 ;
        }
        #pxx{
            position:relative;
        }
        #pxx a{
            line-height: 42px;
            padding-left: 20px;
            padding-right: 20px;
        }
        #pxx a:hover{
            color: #0f8cf0;
        }
        #xztu{
            display: inline-block;
            background: url("../../imgs/download21.png") no-repeat;
            width: 17px;
            height: 14px;
            margin-left: -10px;
            margin-right: 15px;
        }
        #xztu:hover{
            background-position-x: -17px;
        }
        h3{
            padding-left: 150px;
            font-size: 24px;
            margin-bottom: 20px;
            margin-top: 10px;
        }
        .biank .span1{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 355px;
            line-height: 30px;
        }
        #sg{
            width: 1702px;
            height:1400px;
            margin-left: 95px;
        }
        #xz{
            position: absolute;
            right: 0px;
        }
        #demo7{
            margin-top: 100px;
            margin-left: 500px;
        }
        .biank{
            width: 415px;
            height: 450px;
            border: 1px solid #e4e4e4;
            margin-top: 30px;
            margin-left: 10px;
        }
    </style>
</head>
<body>
<div>
    <div id="head-head">
        <span class="fh" id="fh1">欢迎来到值得信赖的装修公司！</span>
        <span class="fh" id="fh2"style="margin-left: 23px;color: #000000">联系我们：<span style="color: #0f8cf0">021-54651972</span></span>
        <ul id="ula">
            <li><a href="">登录</a></li>
            <li>|</li>
            <li><a href="">注册</a></li>
            <li>|</li>
            <li><a href="">购物车</a></li>
            <li>|</li>
            <li><a href="">订单查询</a></li>
            <li>|</li>
            <li id="ewm"><a href="javascript:;">手机二维码</a><span class="sj">▼</span><dd id="ewmtu"><img src="../../imgs/ILSMjAxNi8xMS8xMS8wMDEw!!ca24d0288860a1ea.jpg" id="ee"></dd></li>
        </ul>
    </div>
    <div id="head-zhong">
        <a href="#" id="zhongone">
            <img src="../../imgs/ILSMjAxNy8wNS8wOS8wMDA0!!9034ea5db8bb0340.jpg"/>
        </a>

        <div id="zhongtwo">
            <dl class="headSearchType">
                <dt>积分商城 <span class="sj">▼</span></dt>
                <dd style="display: none;">
                    <p>积分商城</p>
                    <p>特色活动</p>
                </dd>
            </dl>
            <input type="text" id="ss">
            <input type="button" class="headSearchBtn" id="search" style="box-sizing: border-box;">
        </div>
    </div>
    <div id="head-di">
        <ul id="ulb">
            <li><a href="#">首页</a></li>
            <li class="li1">
                <a href="anlibaojian.html" class="anli">案例宝鉴</a>
                <div id="aa">
                    <ul id="ulbone">
                        <li><a href="anlibaojian.html">家装</a></li>
                        <li><a href="anlibaojian.html">公装</a></li>
                        <li><a href="anlibaojian.html">精装</a></li>
                    </ul>
                </div>
            </li>
            <li class="li2">
                <a href="#">品牌服务</a>
                <div id="aa2">
                    <ul id="ulbone2">
                        <li><a href="#">我要预约</a></li>
                        <li><a href="#">鬼才设计师</a></li>
                        <li><a href="#">我要报修</a></li>
                        <li><a href="#">与众不同</a></li>
                    </ul>
                </div>
            </li>
            <li class="li3">
                <a href="#">积分商城</a>
            </li>
            <li class="li4">
                <a href="#">特色活动</a>
                <div id="aa4">
                    <ul id="ulbone4">
                        <li><a href="#">盛一大事件</a></li>
                        <li><a href="#">每月咨询会</a></li>
                        <li><a href="#">老客户回访</a></li>
                        <li><a href="#">老客户答谢会</a></li>
                    </ul>
                </div>
            </li>
            <li class="li5">
                <a href="#">品牌历程</a>
                <div id="aa5">
                    <ul id="ulbone5">
                        <li><a href="#">公司简介</a></li>
                        <li><a href="#">企业文化</a></li>
                        <li><a href="#">熊爸爸的感谢信</a></li>
                        <li><a href="#">盛一印象</a></li>
                        <li><a href="#">投名状</a></li>
                    </ul>
                </div>
            </li>
            <li class="li6"><a href="#">环保建材</a></li>
            <li class="li7"><a href="#">FC店</a></li>
        </ul>

    </div>
    <div id="longtu">

    </div>
</div>
<div id="bb">
    <a href="#" id="bba">首页 ></a>
    <a href="#">案例列表 ></a>
    <a href="#">家装</a>
</div>
<div id="ssuo">
    <div id="one">
        <div class="ti">户型分类 :</div>
        <div class="quanbu">
            <a href="#">全部</a>
        </div>
        <div class="fenlei">
            <a href="#">一房</a>
            <a href="#">二房</a>
            <a href="#">三房</a>
            <a href="#">四房</a>
            <a href="#">复式</a>
            <a href="#">别墅</a>
        </div>
    </div>
    <div id="two">
        <div class="ti" id="ti2">面积 :</div>
        <div class="quanbu">
            <a href="#">全部</a>
        </div>
        <div class="fenlei">
            <a href="#">50平方米以下</a>
            <a href="#">50-80平方</a>
            <a href="#">80-120平方</a>
            <a href="#">120-200平方</a>
            <a href="#">200平方以上</a>
        </div>
    </div>
    <div id="three">
        <div class="ti" id="ti3">风格 :</div>
        <div class="quanbu">
            <a href="#">全部</a>
        </div>
        <div class="fenlei">
            <a href="#">现代简约</a>
            <a href="#">经典日式</a>
            <a href="#">日式简约</a>
            <a href="#">北欧风情</a>
            <a href="#">欧式风格</a>
            <a href="#">摩登现代</a>
            <a href="#">混搭风</a>
            <a href="#">东南亚风</a>
            <a href="#">经典欧式</a>
            <a href="#">美式乡村</a>
            <a href="#">经典美式</a>
            <a href="#">新中式</a>
            <a href="#">+更多</a>
        </div>
    </div>
</div>
<div id="px">
    <ul id="pxx">
        <li><a href="#">综合排序</a></li>
        <li><a href="#">按价格</a></li>
        <li><a href="#">按人气</a></li>
        <li><a href="#">按时间</a></li>
        <li id="xz"><a href="#">案例集下载</a><span id="xztu"></span></li>
    </ul>
</div>
<div id="nr">
    <div class="layui-row" id="sg">
        <div class="layui-col-md3 biank">
            <a href="#">
                <img src="../../imgs/ILSMjAxNy8wNS8yNi8wMDAy!!62d85a50f9a5a668.jpg" width="414" height="319">
                <h3>简约NO简单</h3>
                <span class="span1">户型分类：三房&nbsp; &nbsp; &nbsp; &nbsp; 面积：50-80平方&nbsp; &nbsp; &nbsp; &nbsp; 风格：日式简约</span>
            </a>
        </div>
        <div class="layui-col-md3 biank">
            <a href="#">
                <img src="../../imgs/ILSMjAxNy8wNi8wMS8wMDAy!!ef415ee80e0a8df1.jpg_390x294" width="414" height="319">
                <h3>简约NO简单</h3>
                <span class="span1">户型分类：二房&nbsp; &nbsp; &nbsp; &nbsp; 面积：50-80平方&nbsp; &nbsp; &nbsp; &nbsp; 风格：日式简约</span>
            </a>
        </div>
        <div class="layui-col-md3 biank">
            <a href="#">
                <img src="../../imgs/ILSMjAxNy8wNi8wNC8wMDAz!!59eca33ef9e4a970.jpg_390x294" width="414" height="319">
                <h3>简约NO简单</h3>
                <span class="span1">户型分类：别墅&nbsp; &nbsp; &nbsp; &nbsp; 面积：200平方以上&nbsp; &nbsp; &nbsp; &nbsp; 风格：经典欧美</span>
            </a>
        </div>
        <div class="layui-col-md3 biank">
            <a href="#">
                <img src="../../imgs/ILSMjAxNy8wNi8wNC8wMDA5!!2ac76ca7c2877df6.jpg_390x294" width="414" height="319">
                <h3>简约NO简单</h3>
                <span class="span1">户型分类：二房&nbsp; &nbsp; &nbsp; &nbsp; 面积：50-80平方&nbsp; &nbsp; &nbsp; &nbsp; 风格：现代简约</span>
            </a>
        </div>
        <div class="layui-col-md3 biank">
            <a href="#">
                <img src="../../imgs/ILSMjAxNy8wNi8xMS8wMDEw!!c7ed2f30005d6def.jpg_390x294" width="414" height="319">
                <h3>简约NO简单</h3>
                <span class="span1">户型分类：一房&nbsp; &nbsp; &nbsp; &nbsp; 面积：50-80平方&nbsp; &nbsp; &nbsp; &nbsp; 风格：经典日式</span>
            </a>
        </div>
        <div class="layui-col-md3 biank">
            <a href="#">
                <img src="../../imgs/ILSMjAxNy8wNi8yMi8wMDAx!!b08ba7466330deab.jpg_390x294" width="414" height="319">
                <h3>简约NO简单</h3>
                <span class="span1">户型分类：三房&nbsp; &nbsp; &nbsp; &nbsp; 面积：120-200平方&nbsp; &nbsp; &nbsp; &nbsp; 风格：日式简约</span>
            </a>
        </div>
        <div class="layui-col-md3 biank">
            <a href="#">
                <img src="../../imgs/ILSMjAxNy8wNy8wOS8wMDA4!!da324587d39a8d35.jpg_390x294" width="414" height="319">
                <h3>简约NO简单</h3>
                <span class="span1">户型分类：四房&nbsp; &nbsp; &nbsp; &nbsp; 面积：200平方以上&nbsp; &nbsp; &nbsp; &nbsp; 风格：现代简约</span>
            </a>
        </div>
        <div class="layui-col-md3 biank">
            <a href="#">
                <img src="../../imgs/ILSMjAxNy8wOS8wOC8wMDA1!!25a73d6f25212ad4.jpg_390x294" width="414" height="319">
                <h3>简约NO简单</h3>
                <span class="span1">户型分类：二房&nbsp; &nbsp; &nbsp; &nbsp; 面积：50-80平方&nbsp; &nbsp; &nbsp; &nbsp; 风格：混搭风</span>
            </a>
        </div>
        <div class="layui-col-md3 biank">
            <a href="#">
                <img src="../../imgs/ILSMjAxNy8wOS8xMC8wMDAx!!23b44516b182200a.jpg_390x294" width="414" height="319">
                <h3>简约NO简单</h3>
                <span class="span1">户型分类：四房&nbsp; &nbsp; &nbsp; &nbsp; 面积：120-200平方&nbsp; &nbsp; &nbsp; &nbsp; 风格：经典美式</span>
            </a>
        </div>
    </div>
</div>

<div id="demo7"></div>

<div class="foot">
    <div class="footInner">
        <div class="fl">
            <div class="footLogo">
                <img src="../../imgs/footLogo21.png" />
                <img src="../../imgs/footSlogan22.png" />
            </div>
            <dl class="footTel">
                <dt>
                    <img src="../../imgs/iconfootTel2.png" >
                    <span>咨询热线：</span>
                </dt>
                <dd>021-54651972</dd>
                <dt>
                    <img src="../../imgs/iconfootTel4.png" >
                    <span>售后热线：</span>
                </dt>
                <dd>8008200923</dd>
            </dl>
        </div>
        <div class="fr">
            <ul class="footCode">
                <li>
                    <a href="#">
                        <img src="../../imgs/iconFootService2.jpg">
                    </a>
                    <p>在线客服</p>
                </li>
                <li>
                    <a href="#">
                        <img src="../../imgs/ILSMjAxNi8xMS8xMS8wMDEw!!ca24d0288860a1ea.jpg">
                    </a>
                    <p>扫一扫微信关注</p>
                </li>
                <li>
                    <a href="#">
                        <img src="../../imgs/ILSMjAxNi8xMS8xMS8wMDAw!!5a033fc4ed1bee06.jpg">
                    </a>
                    <p>扫一扫新浪关注</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="footMenu">
        <div class="sameWidth">
            <ul class="fl">
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">投诉建议</a></li>
                <li><a href="#">咨询留言</a></li>
            </ul>
            <div class="fr">
                <a href="#" class="fotLargeBrand">
                    <img src="../../imgs/longtou.png" class="img1" />
                </a>
                <a href="#" class="fotLargeBrand">
                    <img src="../../imgs/brand_bottom_large.jpg" class="img2" />
                </a>
                <span class="span1">
                    盛联盛一装饰有限公司 版权所有&nbsp;&nbsp;
                    <a href="#">沪Icp备案16040824号</a>
                    &nbsp;&nbsp;
                </span>
                <a href="#" class="a1">
                    <img src="../../imgs/record.png" class="img3" />
                    <p>沪公网安备 31010102003688号</p>
                </a>
            </div>
        </div>
    </div>
</div>




<script src="../../plugins/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['laypage', 'layer'], function(){
        var laypage = layui.laypage
            ,layer = layui.layer;

        laypage.render({
            elem: 'demo7'
            ,count: 100
            ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
            ,jump: function(obj){
                console.log(obj)
            }
        });
    });
</script>

</body>
</html>